<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>This is training's first web class</title>

<link rel="stylesheet" type="text/css" href="css/custom.css">

</head>
<body>
<h1>Hello World</h1>
<h1 id="myHeader">Custom World</h1>
<h1>Hello World</h1>
<h3 class="myCustomClass">Hello World</h3>
<div class="myCustomClass myChildClass">Hello World with myChildClass
<p class="myChildClass"> child paragraph </p>
</div>

<h4 id="myHeader4">Hello World</h4>
<h5>Hello World</h5>
<h1>Hello World</h1>

<p id='para1' > This is a paragraph </p>

<hr/>
asdsadasdsad<br/>sadsadasdsadsadasdsadsadasdasdas
<br/>

<form method="get" >
<input  type="radio" value="option 1" name="option 1" /> Option 1 <br/>
<input type="radio" value="option 2" name="option 1" /> Option 2 <br/>
<input type="radio" value="option 3" name="option 2" /> Option 3 <br/>
<input type="radio" value="option 4" name="option 2" /> Option 4 <br/>

<select name="dropdown" multiple="multiple">
<option value="1">Drop down value 1
</option>
<option value="2">Drop down value 2
</option>
<option value="3">Drop down value 3
</option>
<option value="4">Drop down value 4
</option>
</select>

<button class="myCustomClass" name="button1" value="buton1">Button 1 </button>
<button name="button2" value="This is another button"> Button 2 </button>


<input type="checkbox" value="1" name="check1"/> Check 1  <br/>
<input type="checkbox" value="1" name="check2"/> Check 2  <br/>
<input type="checkbox" value="1" name="check2"/> Check 2  <br/>

</form>
</body>
</html>